@red: #e93030;
@green: #009900;
@blue: #4295f2;
@orange: #ff801a;
@border: #eee;
@gray: #999;
@tabGray: #666;
@bg: #f5f5f5;

@font-face {
  font-family: 'DIN';
  src: url('//s.thsi.cn/css/m/fonts/dinstock.ttf');
}

.red {
  color: @red;
}

.green {
  color: @green;
}

.bold {
  font-weight: 700;
}

.border(@color: @border) {
  border-bottom: solid 1px @color;
}

// 设置图片背景
.bgimg(@url) {
  background: url(@url) no-repeat;
  background-size: 100% 100%;
}

// 根据位置设置图片背景
.bgimgpos(@url, @left, @top, @w, @h) {
  background: url(@url);
  background: url(@url);
  background-size: @w @h;
  background-position: @left @top;
}

/* 父元素-flex容器 */
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

/* 父元素-纵向排列（主轴） */
.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/* 父元素-竖直居中（主轴是横向才生效） */
.flex-vc {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* 父元素-水平居中（主轴是横向才生效） */
.flex-hc {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* 子元素-平均分栏 */
.flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

/* 子元素-两边靠 */
.flex-sb {
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

#vuewrap {
  .dot3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  background: #fff;

  .header {
    padding: 0 0.3rem;
    height: 0.96rem;
    .flex;
    .flex-sb;
    .flex-vc;

    .base {
      .hq {
        font-size: 0.32rem;
        font-family: 'DIN';
      }

      div {
        display: inline-block;
        vertical-align: middle;
      }

      .stock {
        .name {
          font-size: 0.28rem;
        }

        .code {
          font-size: 0.24rem;
          color: @gray;
        }
      }

      .data {
        padding-left: 0.3rem;

        span:nth-of-type(2) {
          padding-left: 0.2rem;
        }
      }
    }

    .fenshi {
      color: @blue;
      font-size: 0.24rem;
      padding-right: .05rem;

      &:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0.12rem;
        height: 0.2rem;
        .bgimgpos('../images/icon-all.png',
        -0.05rem,
        -0.05rem,
        4.67rem,
        0.86rem);
      }
    }
  }

  .height20 {
    height: 0.2rem;
    background: @bg;
    width: 100%;
  }

  .dot3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .limitDetail {
    h4 {
      font-size: 0.32rem;
      .bold;
      line-height: 1;
      padding: 0.25rem 0.3rem;
    }

    .detail {
      padding-bottom: 0.25rem;

      ul {
        width: 100%;

        li {
          line-height: 1;
          width: 50%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 0.28rem;
          float: left;
          padding: 0.15rem 0.3rem;

          span:nth-of-type(1) {
            float: left;
            color: @gray;
          }

          span:nth-of-type(2) {
            float: right;
            font-family: "DIN"
          }
          
          &.ztyy{
            
            padding: 0 0.3rem;
            span:nth-of-type(1) {
              float: left;
              line-height: 1;
              padding: 0.15rem 0;
              color: @gray;
            }
            span:nth-of-type(2) {
              height:0.55rem;
              line-height: 0.55rem;  
              width: 60%;
              display: inline-block;
              text-align: right;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              &.normal{
                font-size:0.28rem;
              }
              &.small{
                font-size:0.25rem;
              }
              &.adjustdot05{
                position: relative;
                top:0.05rem;
              }
            }
          }
        }
      }
    }
  }

  .limitRecording {
    h4 {
      line-height: 1;
      font-size: 0.26rem;
      padding: 0 0.3rem;
      padding-top: 0.25rem;
      padding-bottom: 0.12rem;
      background: @bg;
    }

    .item {
      padding: 0 0.3rem;

      .title {
        .border;
        color: @gray;
        font-size: 0.26rem;
        height: 0.7rem;
        line-height: 0.7rem;

        li {
          float: left;
          width: 25%;
          text-align: right;
        }

        li:nth-of-type(1) {
          text-align: left;
        }
      }

      .list {
        .border;
        width: 100%;
        float: left;
        font-size: 0.3rem;
        height: 0.94rem;
        line-height: 0.94rem;

        .hq {
          font-size: 0.32rem;
          font-family: 'DIN';
        }

        li {
          float: left;
          width: 25%;
          text-align: right;
        }

        li:nth-of-type(1) {
          text-align: left;
        }

        li:nth-of-type(2) {
          font-size: 0.32rem;

          span {
            display: inline-block;
          }
        }

        &:last-child {
          border: 0;
        }
      }
    }
  }
}